@charset "utf-8";
/* CSS Document */
.desktop {display:block;}
.mobile {display:none;}
html {-moz-osx-font-smoothing: grayscale;}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

select + i.material-icons.arrow_drop_down {

    pointer-events: none;
    z-index: 1;
    right: 0 !important;
	position: absolute;
	top: 20%;
	margin-left:0 !important;

}

.sign-up-form .user-input-wrapper i {

    color: #554f4c; 
}

.align-items-center {
-webkit-box-align: center !important;
 -ms-flex-align: center !important;
 align-items: center !important;

}

/* Overwrite Main Styling*/
body {color: #ffffff;font-family: Lato,Microsoft YaHei New,Microsoft Yahei,微软雅黑,宋体,SimSun,STXihei,华文细黑,sans-serif;}
.row { margin: 5px 0;}
.brand img {margin: 0 auto;}
.bg-gray-light {background-color: #f1f2f4;}
.lang-bar { position: absolute; right: 40px; top: 1%; padding: 0 40px !important; }
.lang-bar a { color: #FFFFFF; padding-right: 0.5vw; padding-left: 0.5vw; border-right: 1px solid #FFFFFF; }
.lang-bar a:last-child { border-right: none; }

.lang-bar .lang-selected{cursor:pointer;display:inline-block;padding:0 20px 5px 0;position:relative;width:100%; font-size:14px;margin-top:25%; color: #FFF;}
.lang-bar .lang-selected::after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #FFF; position: absolute; top: 32%; right: 0; }
.lang-bar .lang-selection {display:none ;background: rgba( 255,255,255, 0.9);border:1px solid #FFF;box-sizing:border-box;left:0;margin:0; position:absolute;top:100%;width:100%;z-index:10; max-height:350px;overflow-y:auto; }
.lang-bar.active { overflow: visible!important; }
.lang-bar.active .lang-selection{ display: block; }
.lang-bar.active .lang-selection .lang-option { list-style-type: none; border: 0; display: block; float: none; height: auto; max-width: 100%; padding: 5px 10px; text-align: left; width: 100%; cursor: pointer; }
.lang-bar.active .lang-selection .lang-txt { color: #555; font-size: 16px; line-height: 1.3;  }

.banner-wrapper img {width: 100%;display: block;margin: auto;}
.banner-wrapper .asr-logo { position: absolute; top:4%; left: 5vw; max-width: 260px !important; width: 15%; margin-left: 40px; min-width:150px; }
.image-wrapper {background: #f7f8fa; padding: 24px 32px; text-align:left;}
.image-wrapper img {max-width: 270px;}
.bg-white {color: #2c1e16; }
.modal-lg, .wrap, .wrap-sm, .wrap-xs, .wrap-xxs { max-width: none !important; }
.wrap { padding: 0 5vw; }
.left-wrapper { color: #554f4c; padding :40px !important; max-width: 1200px; }
.left-wrapper .h4 {font-size: 32px !important; line-height: 32px !important;}
.left-wrapper .caption {margin-top: 5px;margin-bottom: 5px; min-height: 40px;}
.left-wrapper a {color: #0d91d9;display:flex;}

.right-wrapper {position:relative; }
.sign-up-form .form-heading-wrapper {margin-bottom:30px;}
.sign-up-form .form-heading-wrapper .heading-text {color: #2c1e16;font-size: 32px;line-height: 40px;margin: 0 !important;}
.right-wrapper {font-size: 14px;}
.right-wrapper h4 {font-size: 25px !important; line-height: 25px !important;}
.sign-up-form .col, .sign-up-form [class*="col-"] { padding-left: 0 !important; }
.sign-up-form .form-heading-wrapper .membership-terms-c {color: #0d91d9;font-family: Lato;font-size: 16px;line-height: 30px;}
.sign-up-form.padding-lg { padding :40px 0 !important;}
.sign-up-form .fill-in.text-over-line {margin:20px 0;}
.sign-up-form .text-over-line {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
    margin: 16px 0;
        margin-top: 16px;
    margin-top: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0;
}
.sign-up-form .text-over-line span {
    padding: 0 7px;
    color: #483a32;
    background: #ffffff;
    font-family: Lato;
    font-size: 16px;
    line-height: 20px;
}

.sign-up-form .big-label {
margin-top: 24px;
 margin-bottom: 17px;
 display: block;
font-weight: 700;font-size:16px;color: #554f4c;
}

.sign-up-form .name.row {margin:0;}
.sign-up-form .name.row.col-5 {padding: 0 10px;}
.sign-up-form .name.row.col-3, .sign-up-form .name.row.col-4 {padding-left:0;padding-right:10px;}
.name.row.col-3 .label {padding-right: 0 !important;}
.sign-up-form small {color: gray; font-family: Lato;font-size: 12px; line-height: 1; margin-top: 4px;}
.sign-up-form label.for-required:after, .sign-up-form .label.for-required:after { content: ""; color: #4c6866;}
.sign-up-form .label.birth {width:100% !important;}
.label {display: block; margin-bottom: 5px;}
.sign-up-form label, .sign-up-form .label {

    color: #2c1e16;
    font-family: Lato;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;

}

.sign-up-form select {height: 40px !important;}

.icon-primary::before, .icon-primary ::before, .tf-tree.tf-search-result .tf-child-true.tf-search-result.tf-active [data-toggle="collapse"]::before, .tf-tree.tf-search-result .tf-child-true.tf-search-result.tf-active [data-toggle="collapse"] ::before {color: #fff;}

.dropdown.as-select .dropdown-toggle, .form-input, .form-input-group, .form-input-group .form-input, .selectboxit-btn, input[type="email"], input[type="file"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], select, textarea { border-radius: 5px; }

/* new footer*/
.align-items-center {-ms-flex-align: center !important;align-items: center !important;}
.justify-content-center {-ms-flex-pack: center !important;justify-content: center !important;}
.d-flex {display: -ms-flexbox !important;display: flex !important;}
.dft-common-logo-footer-r .row {display: flex;flex-wrap: wrap;}
.bg-primary, .bg-primary-dark, .bg-primary-darker {background-color: #ffffff !important;}
.dft-common-logo-footer-r {background-color: #ffffff !important;}
.dft-common-logo-footer-r .item { opacity: 1 !important;}
.dft-common-logo-footer-r .border-b { border-bottom: 0 !important;}
.dft-common-logo-footer-r .line-row {padding-bottom:0 !important;}

.login-expandbox { background-color: #4f3c31; text-align:left; position:absolute; top: 100%; width: 310px; right: 0;     margin-top: -1px; font-size:14px; line-height:20px; z-index:10; display:none; }
.login-expandbox:before {content:'';display:inline-block;width:0;height:0;margin:0 75px 0 -5px;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid #4f3c31;position:absolute;top:-8px;right:0;}
.login-expandbox .lgninnerwrp { padding:20px; }
.login-expandbox .membername { font-weight:bold; color:#FFF; }
.login-expandbox .rowwrp { margin-bottom:10px; }
.login-expandbox .rowwrp:first-child { border-bottom:1px solid #ccbcb2; padding-bottom:10px; margin-bottom:15px; }
.login-expandbox .rowwrp a { padding:0; text-decoration:underline; }
.login-expandbox ul.voucherlist, .login-expandbox ul.sinfolist { margin:0; padding:0; list-style:none; }
.login-expandbox .rtitle { display:block; color: #FFF; }
.login-expandbox em { font-style:normal; }
.login-expandbox ul.voucherlist li em { display:block; }
.login-expandbox .remarks { font-style:italic; font-size:12px; display:block; }
.login-expandbox .dashboard { margin-top:10px; }
.login-expandbox .dashboard em { font-size:1.2em; font-weight:bold; }
.login-expandbox .ractions .btn { padding:10px; color:#FFF; font-size: 16px; }

.cppgs .label { background-color:transparent;color: #2c1e16; }
.cppgs .col-1{width:8.33%}
.cppgs .col-2{width:16.66%}
.cppgs .col-3{width:25%}
.cppgs .col-4{width:33.33%}
.cppgs .col-5{width:41.66%}
.cppgs .col-6{width:50%}
.cppgs .col-7{width:58.33%}
.cppgs .col-8{width:66.66%}
.cppgs .col-9{width:75%}
.cppgs .col-10{width:83.33%}
.cppgs .col-11{width:91.66%}
.cppgs .col-12{width:100%}
.cppgs [class*=ccol-]{float:left}
.cppgs .row:after{content:"";display:block}
.cppgs *:after,.cppgs :before{box-sizing:border-box}
.cppgs .marginleft0 { margin-left:0 !important; }
.playfair { font-family:Playfair Display; }
.visible-mobile { display:none; }
.hidden-mobile { display:block; }

.cppgs .clear { clear:both; }

.cppgs .ctooltip { position:relative; display:inline-block; vertical-align: top; margin-left: 5px; }
.cppgs .icon-ctooltip { background:url(../images/icons-sprite.png) -364px 0 no-repeat;cursor:pointer; display:block; width:18px; height:18px; } 
.cppgs .ctooltip .tooltiptext { background-color:#2c1e16; color: #fff; display:block; padding:8px 10px; border-radius: 6px; position: absolute; left: 50%; margin-left: -100px; width:200px; bottom: 100%; margin-bottom: 10px; font-size: 13px; line-height:1.2; text-align:center; z-index:5; display:none; }
.cppgs .ctooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color:#2c1e16 transparent transparent transparent;
}
.cppgs .actions { text-align:center; margin-bottom:0; }

.simplePopup{display:none;position:fixed;background:#FFF;z-index:100;width:90%;max-width:800px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); box-shadow: 0 3px 9px rgba(0,0,0,0.5); border: 1px solid #999; border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; }
.simplePopupClose{position:absolute;right:12px;top:12px;z-index:79;cursor:pointer;margin-left:10px;margin-bottom:10px;font-size:0;width:28px;height:28px;transition:all .25s ease-in-out 0s;-moz-transition:all .25s ease-in-out 0s;-webkit-transition:all .25s ease-in-out 0s;-ms-transition:all .25s ease-in-out 0s;background:0 0;text-indent:99999em}
.simplePopupClose:before{content:'×';font-size:32px;line-height:22px;font-family:arial;color:#d7d7d7;display:block;transition:all .25s ease-in-out 0s;-moz-transition:all .25s ease-in-out 0s;-webkit-transition:all .25s ease-in-out 0s;-ms-transition:all .25s ease-in-out 0s;padding:2px 3px}
.simplePopupClose:hover{}
.simplePopupClose:hover:before{color:#808080;}
.simplePopupBackground{display:none;background:#000;position:fixed;height:100%;width:100%;top:0;left:0;z-index:70}

/* Form Content */
.formsec { background-color:#ddd; padding:50px 0; }
.formsec .ccols { max-width:1250px; margin:0 auto; width:100%; overflow:hidden; }
.formsec .ccols > .leftcol { width:40%; padding:0 40px; float:left; color:#554f4c; }
.formsec .ccols > .leftcol .lclogo img { max-width:220px; margin:0 auto; display:block; }
.formsec .ccols > .leftcol .lctitle { font-family:Playfair Display,serif; margin-top:50px; font-weight:700; text-transform:uppercase; font-size:1.25em; }
.formsec .ccols > .rightcol { width:60%; float:right; }
.formsec .ccols > .rightcol.ty .tytitle {  font-size:1.25em; font-family:Playfair Display,serif; font-weight:700; text-transform:uppercase; }
.formsec .ccols > .rightcol .smbox { margin-bottom:20px; }
.formsec .ccols > .rightcol .smbox > ul { list-style:none; font-weight:bold; color:#a28156; padding-left:0; margin:0; }
.formsec .ccols > .rightcol .smbox a { color:#a28156; }
.formsec .ccols > .rightcol .smbox > ul > li { display:inline-block; padding:0 15px; position:relative; }
.formsec .ccols > .rightcol .smbox > ul > li:first-child { border-right:1px solid #CCC; padding-left:0; }
.formsec .ccols > .rightcol .smbox .icon { margin:0 0 0 10px; display:inline-block; vertical-align:middle; }
.formsec .ccols > .rightcol .smbox .icon img { max-width:40px; } 
.formsec .formwrap { background:#fff; padding:40px 80px 40px 40px; }
.icon-weibo:before { content:"\e9bd"; }
.icon-yahoo:before { content:"\e9bc"; }


.form-group { margin-bottom:20px; }
.form-group > .row:first-child { margin-top:0; }
.form-group>label, .row .label, label {padding:8px 20px 0 0; }
select, .dropdown.as-select .dropdown-toggle { width:100% !important; height:42px !important; }

.custom input[type=checkbox]{display:none}
.custom input[type=checkbox]+label span{display:inline-block;width:26px;height:26px;margin:-1px 4px 0 0;vertical-align:middle;background:url(../images/icons-sprite.png) -218px -155px no-repeat;cursor:pointer}
.custom input[type=checkbox]:checked+label span{background-position:-167px -155px; }
.custom.has-error input[type=checkbox]+label span {background-position:-345px -155px}

.cppgs .margintop-l { margin-top:40px; }
.cppgs input { font-size: 15px; padding: 10px; }
.cppgs textarea, .cppgs  input { border: 1px solid #ccc; width: 100%; max-width: 720px; } 

.customize-select {
    position: relative;
    font-size: 15px;
	max-width: 520px;
}

.customize-select ul { list-style:none; margin:0; padding:0; } 
.customize-select ul li { margin:0; padding:0; } 

.customize-select:hover .select-selected, input:focus { border-color:#007eff; }
.customize-select:hover .select-selected a { background-color:#e6e6e6; }

.customize-select a {
    padding: 10px;
    display: block;
    color: #4f4f4f
}
.customize-select a:hover { text-decoration:none; }

.customize-select .select-selected {
    border: 1px solid #ccc;
    width: 100%;
	background: #ffffff;
}

.customize-select .select-selected a {
    position: relative;
    z-index: 3
}

.customize-select .select-selected:after {
    background: url(../images/icons-sprite.png) -145px -98px no-repeat;
    width: 15px;
    height: 9px;
    content: "";
    display: block;
    top: 40%;
    right: 5px;
    position: absolute;
	z-index: 5;
}

.customize-select.open .select-selected:after {
    background-position: -186px -99px;
}

.customize-select .select-dropdown {
    border: 1px solid #ccc;
    border-top: 0;
    width: 100%;
    position: absolute;
    top: 100%;
    z-index: 5;
    background: #FFF;
    display: none;
    max-height: 220px;
    overflow-y: scroll;
}

.customize-select.open .select-dropdown {
    display: block;
}

.customize-select .select-dropdown a:hover {
    background: #f2f2f2;
}

.customize-select select {
-moz-appearance: none;
}

.custom.tnc > label { color: #554f4c; width:100%; text-align:left; padding:0; position:relative; padding-left:35px; display:block; font-weight: 400 !important;}
.custom.tnc > label span { position:absolute; top:0; left:0;  }
.custom.tnc > label a {text-decoration:underline;}
.custom.row  {padding-bottom: 10px;}
.row button { background-color:#4c6866; color:#ffffff; /*border:#4c6866 2px solid;*/ padding:10px 30px; margin-top:20px; font-family:"Playfair Display"; font-size: 18px; }
.row button:hover { background-color:#c9d1d1; border-color:#c9d1d1; color:#ffffff; transition:all 0.35s ease 0s }

.row .secondary-btn { background-color: #707070; color:#FFF !important; border-color:transparent !important; } 
.row .secondary-btn:hover { background-color: #575757; } 

.cppgs .row .name {  }

.cppgs .row .dob, .cppgs .row .sidecol, .cppgs .row .name { width: 100%; float:left; max-width: 1000px; }
.cppgs .actions .sidecol { text-align:left; }
.cppgs .row .dob [class*="ccol-"] { padding:0; }
.cppgs .row .dob .customize-select { margin-left:0; }
.cppgs .row .dob > div:nth-child(2) { padding:0 10px; }

.cppgs .row .cmobnum { width:70%; float:left; }
.cppgs .row .cmobnum [class*="ccol-"] { padding:0; margin:0; }
.cppgs .row .cmobnum input { width:100%; }
.cppgs .row.tnc .label { padding-top:0; }


#loginpg .loginctnt { margin:0 auto; float:none; max-width:620px; padding:40px 0; }
#loginpg .loginctnt input { width:100%; margin:0; }
#loginpg .loginctnt label { width:auto; }
#loginpg .loginctnt .signupopt { text-align:center; margin-bottom:30px; }
#loginpg .loginctnt .midsmbox { margin:20px auto 30px; }

.register-popup .popup-innerwrap { padding:20px 30px; margin:50px 0 0; border-top: 1px solid #e5e5e5; }
.register-popup .headline { font-weight:bold; }
.register-popup .pcontwrap { max-width:630px; margin: 0 auto; }
.register-popup .pcontwrap label { float:none; width:100%; text-align:left; }
.register-popup .actionsrow .padding-xs-tb { margin-left:-30px; margin-right:-30px; }

#changepwpg .row.actions { margin-top:0; } 
#changepwpg button { margin-top:0; }


@media (max-width: 1024px) {
		

	/* Header */
	.headerbar { background:#f5f5f5; } 
	
	 .mobile-header {
        z-index: 100
    }
    .mobile-header.affix {
        background-color: rgba(0, 0, 0, 0.75)
    }
    .mobile-header-alt.affix {
        background-color: rgba(255, 255, 255, 0.8)
    }
    .links {
        border-width: 1px 0 0 0;
        border-color: rgba(195, 195, 195, 0.2)
    }
	
	.formsec .cols > .leftcol { width:100%; padding:20px 20px 10px; float:none; }
	.formsec .cols > .rightcol { width:100%; float:none; padding:10px; }
	
	
	.headerbar .wrap { background-size:cover; height:210px; }
	.headerbar .wrap .padding-lg-tb { padding:0 !important; }
	.headerbar .h3 { top:50%; margin-top:-25px; }
	
	
	.formsec { padding:0; border-top:1px solid #ddd }
	.formsec .formwrap { padding:20px; }
	.formsec .row { margin:10px 0; }
	.custom.tnc > label { width:100%; }
	.form-group >label, .cppgs .row .label, .cppgs label { width:100%; float:none; text-align:left; white-space: nowrap; }
	.form-horizontal .form-content, .customize-select { width:100%; margin:15px 0; }
	.cppgs textarea, .cppgs input { width:100%; margin:10px 0; } 
	.right-wrapper.col-5 {

    margin-top: 0;
	
}
.left-wrapper .caption {
    min-height: auto;

}
.margin-md-b-smxs {

    margin-bottom: 0;

}
.margin-md-tb, .margin-tb {

    margin-top: 20px !important;
    margin-bottom: 0 !important;

}
	
.banner-wrapper .asr-logo { margin-left: 0; }
.cppgs .lang-bar { right: 0; }
.cppgs .left-wrapper { padding: 40px 0 !important; }

}
@media (max-width: 767px) {
	.mobile {display:block !important;}
	.desktop {display:none !important;}
	.cppgs .col-3 { width: 30%; }
	.col-9 {width: 100%;}
	.cppgs .col-6, .cppgs .col-4, .cppgs .col-2 { width: 100%; padding-right: 0 !important;  }
	.form-group >label, .cppgs .row .label, .cppgs label { white-space:normal; }
	
	
	.lang-bar { padding: 0 20px 0 0!important; }
	.lang-selection-wrap { padding-left: 0; }
	.right-wrapper.col-5 {margin-top: 0;}
	.left-wrapper.col-7 .h4 { font-size: 22px !important; line-height: 22px !important; text-align: center; }
.padding-md-tb-smxs {padding-bottom:0 !important;}
.image-wrapper {text-align:center;}
 .image-wrapper img {width:50%;}
	.modal-lg, .wrap, .wrap-sm, .wrap-xs, .wrap-xxs {padding-left:15px; padding-right:15px; overflow:hidden;}
	.headerbar .wrap { height:180px; }
	.headerbar .h3 { font-size:1.875em; }
	.cppgs .columns > div { width:100%; }
	.left-wrapper [class*="col-"] {padding-bottom: 0;}

	.formsec .ccols > .leftcol .lctitle { font-size:1em; }
	.hidden-mobile { display:none; }
	.visible-mobile { display:inline-block; }
	
	.formsec .ccols > .rightcol .smbox > ul > li { padding:0; margin-top:15px; }
	.formsec .ccols > .rightcol .smbox > ul > li:first-child { border-right:0; }
	
	
	.cppgs .row .dob, .cppgs .row .cmobnum, .cppgs .row .sidecol { width:100%; }
	
	#loginpg .loginctnt { width:100%; }
}

.intl-tel-input {
    width: 100%;
}

.btn-primary-asr{
	background-color: #4c6866 !important;
}

.actionsrow button { background-color:#4c6866;   color:#ffffff; border:#4c6866 2px solid; padding:10px 30px; margin-top:20px; font-family:"Playfair Display"; }
.actionsrow button:hover { background-color:#c9d1d1; border-color:#c9d1d1; color:#ffffff; transition:all 0.35s ease 0s }

.social_icons{
	margin-left: auto;
  margin-right: auto;
}